<template>
  <div class="footer_bg">
<div class="wrap">
	<div class="footer">	
		<div class="footer_top">			
			<div class="copy">
				<p class="link"><span>© All rights reserved  by&nbsp; Ok6w.com</span></p>
			</div>
			<div class="clear"></div>
		</div>
	</div>
</div>
</div>
</template>
<script>
export default {
  
}
</script>


<style scoped>
/* start footer */
.footer_bg{
	background: #ffffff;
}
.footer{
	padding:4%;
}
.span_of_4{
	display: block;
}
.span1_of_4{
	float:left;
	width: 22.33333%;
	margin-left: 3.3333%;
}
.span1_of_4:first-child{
	margin-left: 0;
}
.span1_of_4 h4{
	font-size: 1.2em;
	color: #c0c0c0;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 8%;
}
.span1_of_4 p{
	font-size: 0.8725em;
	color: #a9a9a9;
	line-height:1.8em;
	font-weight: 400;
}
.span1_of_4 p.top{
	margin-top: 4%;
}
.span1_of_4 span.bg{
	background: #ECF0F1;
	padding: 4%;
}
.span1_of_4 span{
	font-size: 1em;
	color: #a0a0a0;
	margin-top: 8%;
	display: block;
	line-height:1.5em;
}
.f_nav li{
	float: left;
	width: 16.3333%;
	margin: 0 20px 4px 0;
}
.f_nav li a{
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.f_nav li a img{
	background: #ffffff;
	padding: 5px;
	border: 1px solid #eeeeee;
}
.f_nav li a:hover{
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.7;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}
.f_icons{
	margin-top: 8%;
	display: inline-block;
}
.f_icons ul li{
	float: left;
	margin-left:5px;
}
.f_icons ul li:first-child{
	margin-left: 0;
}
.f_icons ul li a{
	display: block;
	padding: 10px;
	background: #2e2e2e;
	width: 24px;
	height: 24px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.f_icons ul li a.icon2{
	background: #04ADF2 url('../assets/images/icon2.png') no-repeat 12px 13px;
}
.f_icons ul li a.icon1{
	background: #ECF0F1 url('../assets/images/icon1_h.png') no-repeat 18px 12px;
}
.f_icons ul li a.icon3{
	background: #ECF0F1 url('../assets/images/icon3_h.png') no-repeat 15px 14px;
}
.f_icons ul li a.icon4{
	background: #ECF0F1 url('../assets/images/icon4_h.png') no-repeat 14px 12px;
}
.f_icons ul li a.icon5{
	background: #ECF0F1 url('../assets/images/icon5_h.png') no-repeat 12px 18px;
}
.f_icons ul li a.icon2:hover{
	background: #ECF0F1 url('../assets/images/icon2_h.png') no-repeat 12px 13px;
}
.f_icons ul li a.icon1:hover{
	background: #39579D url('../assets/images/icon1.png') no-repeat 18px 12px;
}
.f_icons ul li a.icon3:hover{
	background: #DB4A39  url('../assets/images/icon3.png') no-repeat 15px 14px;
}
.f_icons ul li a.icon4:hover{
	background:#EA4C89  url('../assets/images/icon4.png') no-repeat 14px 12px;
}
.f_icons ul li a.icon5:hover{
	background: #5A872A  url('../assets/images/icon5.png') no-repeat 12px 18px;
}
/*start footer_top */
.footer_top {
	margin-top: 4%;
	padding-top: 4%;
	border-top: 1px solid rgb(231, 231, 231);
}
.copy{
	float: left;
}
.copy p{
	color: #9c9c9c;
	font-size: 0.8725em;
	line-height: 1.8em;
}
.copy p a{
	color: #19BD9B;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.copy p a:hover{
	color: #9c9c9c;
}
.f_nav1{
	float: right;
}
.f_nav1 li{
	float: left;
	margin-left: 20px;
}
.f_nav1 li:first-child{
	margin-left: 0;
}
.f_nav1 li a{
	display:block;
	color: #9c9c9c;
	padding: 0 5px;
	text-transform: capitalize;
	font-size: 0.8725em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.f_nav1 li a:hover{
	color: #19BD9B;
}
/* start about page */
.about{
	display: block;
}
.cont-grid {
	float: left;
	width: 62.3333%;
}
.cont-grid-img{
	margin-right: 3.3333%;
	width: 34.33333%;
	float:left;
}
.cont-grid-img img{
	margin-top: 10px;
}
.cont-grid h4{
	font-size: 1.4em;
	color: #34495E;
	text-shadow: 0 1px 0 #ffffff;
}
p.para{
	color: #a0a0a0;
	text-shadow: 0 1px 0 #ffffff;
	line-height: 1.8em;
	font-size: 0.8725em;
	font-weight: 400;
}
.cont-grid p,.about-p{
	margin-top: 2%;
}
.read_more {
	margin-top: 2%;
}
</style>
